<template lang="pug">
  footer#app-footer
    //- span Copyright
    //- sup &copy;
    //- span 2016-2019 by XXX technology , All Rights Reserved.
    a.copyright-link(href=" https://beian.miit.gov.cn/" target="_blank" :style="linkStyle" :class="{bordered: bordered}") ICP备1611xxxx号
</template>
<script>
export default {
    props: {
        textColor: {
            type: String,
            default: "#333",
        },
        bordered: {
            type: Boolean,
            default: true,
        },
    },
    created() {
        this.linkStyle = {
            color: this.textColor,
        };
    },
};
</script>
<style lang="scss" scoped>
.copyright-link {
    text-decoration: none;
    display: inline-block;
    padding: 0.25em 0.75em;
    &:hover,
    &:visited,
    &:focus {
        color: inherit;
    }

    &.bordered {
        border: 1px solid;
    }
}
</style>
